<style>
  .pd10 { padding: 1em; }
  .mg10 { margin: 1em; }
  .main-nav { display: none; }
</style>

<!-- TOPBAR S -->
<header class="top-bar flex-row">
  <span class="row-item row-item-auto top-bar-back" onclick="window.history.back()">返回</span>
  <h3 class="row-item top-bar-name">{$types[$_GET['type']]}</h3>
  <span class="row-item row-item-auto top-bar-menu"></span>
</header>
<!-- TOPBAR E -->


<empty name="orderLists">

<!-- 没有订单的提示 -->
<div class="empty empty-order pd10">
  <div class="order-logo"></div>
  <p class="message">您没有{$types[$_GET['type']]}</p>
  <div class="lists">
    <div class="lists-item">
      <a href="{$config.url}">去购物</a>
    </div>
  </div>
</div>  

<else/>

<!-- 有订单的显示  -->
<section class="my mg10 order-lists">
  <volist name="orderLists" id="vo">
  <div class="my-item">
    <a class="link" href="{:U('Home/ShopOrder/showOrder', 'id='.$vo['id'].'&'.'sid='.$sid)}">
      <div class="order-info">
        <h3>订单编号 {$vo.order_id}</h3>
        <p>日期：{$vo.create_time|date="Y-m-d H:i:s",###}</p>
        <p>总价：<strong class="stress">￥{$vo.goods_amount}</strong></p> 
        <p>状态：{$vo.orderStatusName}</p>
      </div>
    </a>
  </div>
  </volist>
</section>
</empty>